<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>组织架构</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/organization.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
    <style>
        .aui-content.headerBox {
            height: 5.2rem;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="aui-content">
            <div id="topheader" class="aui-content headerBox">
                <div class="fullName" id="chooseproject">
                    <span class="new-span-width">{{FullName==''?'请选择':FullName}}</span>
                    <span><img src="../image/icon_xiala.png" /></span>
                    <div class="cl"></div>
                </div>
                <!-- 搜索 -->
                <div class="aui-searchbar" id="search" style="margin-top:45px;">
                    <div class="aui-searchbar-input aui-searchbar-input-white aui-border-radius">
                        <i class="icon iconfont icon-sousuo"></i>
                        <input v-model="form.keywords" type="search" placeholder="姓名" id="search-input">
                        <div class="aui-searchbar-clear-btn">
                            <i class="icon iconfont icon-guanbi"></i>
                        </div>
                    </div>
                    <div class="aui-searchbar-btn" tapmode></div>
                </div>
            </div>
                <!-- 部门\岗位 -->
                <div class="noinfo" id="noorder" v-if="currentchosenlist.length<=0">
                    <img src="../image/index/noinfomsg_icon.png" alt="" />
                    <h5><br />暂无相关数据</h5>
                </div>
                <div v-if="currentchosenlist.length>0" class="organization_list_li_icon pt5">
                    <div v-for="item in currentchosenlist" class="boxarea mainbox">
                        <div v-if="!IsSearch">
                            <div class="department_cont" v-on:click="show_morehistory(item)">
                                <div class="organization_list_li_name">{{item.DepartmentNmae}}<span>({{item.Children && item.Children.length}}人)</span></div>
                                <div class="organization_list_li_icon">
                                    <!--<img v-if="item.isopen && item.Children && item.Children.length>0" src="../image/arrow_b.png" />
                            <img v-else src="../image/arrow_r.png" />-->
                                    <i v-if="item.isopen && item.Children && item.Children.length>0" class="icon iconfont icon-shangjiantou ccc fr"></i>
                                    <i v-else class="icon iconfont icon-down ccc fr"></i>
                                </div>
                            </div>
                            <div v-if="item.isopen" v-for="item2 in item.Children" class="organization_list_sub">
                                <div class="userImg"><img :src="item2.UserImg || defaultImg" alt=""></div>
                                <div class="user_right">
                                    <div class="organization_list_sub_li_name">
                                        <div>{{item2.UserName}}</div>
                                        <div class="department_text">{{item2.DepartmentNames}}</div>
                                    </div>
                                    <div v-on:click="tel_phone(item2)" class="organization_list_sub_li_phone">
                                        <i class="icon iconfont icon-iconfontcolor39 new-icon text-blue"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div v-else>
                            <div class="organization_list_sub">
                                <div class="userImg"><img :src="item.UserImg || defaultImg" alt=""></div>
                                <div class="user_right">
                                    <div class="organization_list_sub_li_name">
                                        <div>{{item.UserName}}</div>
                                        <div class="department_text" v-for="item2 in item.Names">{{item2}}</div>
                                        <div class="department_text" v-show="item.Names && item.Names.length===0"></div>
                                    </div>
                                    <div v-on:click="tel_phone(item)" class="organization_list_sub_li_phone">
                                        <i class="icon iconfont icon-iconfontcolor39"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="js/organization.js"></script>

</html>
